<!-- shoutbox -->
<div class="shout_box">
    <div class="shout_header">Tuna Chat<div class="close_btn">&nbsp;</div></div>
    <div class="toggle_chat">
        <div class="message_box" id="id_chat">
            <div id="id_chatcontents">
                {% if user %}
                    {% if chat_list %}
                    {% for chat in chat_list %}
                    <strong>{{ chat.user_nickname }}</strong>: {{ chat.msg }}<br/>
                    {% endfor %}
                    {% endif %}
                {% endif %}
            </div>
        </div>
        <div class="user_box" id="id_userlist">
            {% for user in user_list %}               
                <strong id="{{user.user_nickname}}">{{ user.user_nickname }}<br/></strong>
            {% endfor %}
        </div>
        <div class="user_info">
            <form class="side_chat" id="id_chatform">
              <input name="msg" id="id_msg" type="text" placeholder="Type a message" />
              <input value="OK" type="submit" onClick="ajaxChatPost(); return false;"/>
            </form>
        </div>
    </div>
<!-- shoutbox end -->
</div>